<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      >
    <!--Author : Dr. M H B Ariyaratne, MO(Health Information), buddhika.ari@gmail.com-->
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>#{labels.topic}</title>
        <h:outputStylesheet library="css" name="style.css" />
    </h:head>
    <h:body  >



        <div id="background">
            <div id="page">
                <h:form >
                    <div id="header"><span id="connect"><a href="https://www.facebook.com/suwanihealth" class="facebook"></a><a href="#" class="twitter"></a><a href="#" class="vimeo"></a></span><span id="infos"><h:commandLink value="Staff Login" action="home" ></h:commandLink>|<h:commandLink value="Administrator" action="home" ></h:commandLink></span><h:commandLink action="index" ></h:commandLink><a href="#" id="logo"></a>
                        <!-- /#logo -->
                        <ul id="navigation">
                            <li><h:commandLink value="Home" action="index" ></h:commandLink></li>
                            <li><h:commandLink value="About" action="about" ></h:commandLink> </li>
                            <li><h:commandLink value="Reports" action="reports" ></h:commandLink></li>
                            <li><h:commandLink value="Channel" action="channelling" ></h:commandLink></li>
                            <li  class="selected"><h:commandLink value="Contact" action="contact-us" ></h:commandLink></li>
                        </ul>
                    </div>
                </h:form>
                <!-- /#header -->
                <div id="contents">
                    <div id="main">
                        <h:form >
                            <table >
                                <tr style="vertical-align: top;">
                                    <td>

                                        <table >
                                            <tr>
                                                <td colspan="2">
                                                    <address>
                                                        <span>Suwani Healthcare Pvt Ltd.</span>
                                                    </address>
                                                    <contact>
                                                        <span>Udugama Road, Bataduwa, Galle</span>
                                                    </contact>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td >
                                                    <contact>
                                                        Email
                                                    </contact>
                                                </td>
                                                <td >
                                                    <contact>
                                                        atckumara@gmail.com
                                                    </contact>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td >
                                                    <contact>
                                                        Phone
                                                    </contact>
                                                </td>
                                                <td >
                                                    <contact>
                                                        091 2227707
                                                    </contact>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td >
                                                    <contact>
                                                        Mobile
                                                    </contact>
                                                </td>
                                                <td >
                                                    <contact>
                                                        077 3177199
                                                    </contact>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td >
                                                    <contact>
                                                        Fax
                                                    </contact>
                                                </td>
                                                <td >
                                                    <contact>
                                                        091 2226653
                                                    </contact>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td >
                                                    <contact>
                                                        Akuressa Branch
                                                    </contact>
                                                </td>
                                                <td >
                                                    <contact>
                                                        041 2284566
                                                    </contact>
                                                </td>
                                            </tr>
                                        </table>

                                    </td>
                                    <td>
                                        <p:spacer width="60" ></p:spacer>
                                    </td>
                                    <td>
                                        <div  >
                                            <address >
                                                <span>
                                                    Contact us Form     
                                                </span>
                                            </address>

                                            <table style="vertical-align: top;" >
                                                <tr style="vertical-align: top; text-align: left;">
                                                    <td>
                                                        <p>Your Name</p>
                                                    </td>
                                                    <td>
                                                        <p> <p:inputText 
                                                                value="#{messageController.current.senderName}" 
                                                                style="width: 150px; margin-left: 20px;" 
                                                                required="true"
                                                                requiredMessage="Please enter your phone name."></p:inputText> </p>
                                                    </td>
                                                </tr>
                                                <tr style="vertical-align: middle; text-align: left;">
                                                    <td>
                                                        <p>Your Email</p>
                                                    </td>
                                                    <td>
                                                        <p> <p:inputText value="#{messageController.current.senderEmail}" style="width: 150px; margin-left: 20px;"  ></p:inputText> </p>
                                                    </td>
                                                </tr>
                                                <tr style="vertical-align: middle; text-align: left;">
                                                    <td>
                                                        <p>Your Phone</p>
                                                    </td>
                                                    <td>
                                                        <p> <p:inputText 
                                                                value="#{messageController.current.senderPhone}"
                                                                style="width: 150px; margin-left: 20px;"  
                                                                required="true"
                                                                requiredMessage="Please enter your phone number."></p:inputText>

                                                        </p>
                                                    </td>
                                                </tr>
                                                <tr style="vertical-align: middle; text-align: left;">
                                                    <td>
                                                        <p>Subject</p>
                                                    </td>
                                                    <td>
                                                        <p> <p:inputText value="#{messageController.current.subject}" style="width: 250px; margin-left: 20px;"  ></p:inputText> </p>
                                                    </td>
                                                </tr>
                                                <tr style="vertical-align: middle; text-align: left;">
                                                    <td>
                                                        <p>Message</p>
                                                    </td>
                                                    <td>
                                                        <p> <p:inputTextarea value="#{messageController.current.messageBody}" style="width: 250px; margin-left: 20px;"  ></p:inputTextarea> </p>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2"  style="vertical-align: middle; text-align: center!important;">
                                                        <h:commandLink class ="button" value= "Send Message"
                                                                      action="#{messageController.sendMessage}" ></h:commandLink>
                                                    </td>
                                                </tr>

                                            </table>



                                        </div>
                                    </td>
                                </tr>
                            </table>

                        </h:form>
                    </div>
                    <div id="featured">
                        <ul>
                            <li><p:graphicImage styleClass="smallImage" library="images" name="lab02.jpg" alt=""/></li>
                            <li><p:graphicImage  styleClass="smallImage" library="images" name="lab01.jpg" alt=""/></li>
                            <li><p:graphicImage  styleClass="smallImage" library="images" name="lab03.jpg" alt=""/></li>
                            <li class="last"><p:graphicImage  styleClass="smallImage" library="images" name="doc01.jpg" alt=""/></li>
                        </ul>
                        <!--<a href="shop.html" class="button">shop here!</a> </div>-->
                    </div>
                    <!-- /#contents -->
                    <div id="footer">
                        <div id="description">
                            <div> 
                                <span>
                                    <a href="http://www.lakmedi.com">Copyright &copy; 2012 Lakmedipro Pvt Ltd. All rights reserved</a> 
                                </span>
                            </div>
                        </div>
                        <!-- /#description -->
                    </div>
                    <!-- /#footer -->
                </div>
                <!-- /#contents -->
            </div>
            <!-- /#page -->
        </div>
        <!-- /#background -->

      

    </h:body>
</html>
